/*---------------------------------// swiper 拖动js 202000530之后新版 -----------------------------------*/
/*js api 详见官网 https://www.swiper.com.cn/*/

.banner_box:after{ content: ''; clear: both; display: block; font-size: 0;}
.banner_box{overflow:hidden; width:100%;  max-width:1920px;   background: url(../images/main/loading.gif) center center no-repeat #F6F6F6; }
.banner_box .swiper-slide{height:620px;background-repeat:no-repeat; background-position:center center;background-size:cover;}
.banner_box .li1 {background-image:url(../images/main/b001.jpg); font-size:0;}
.banner_box .li2 {background-image:url(../images/main/b002.jpg); font-size:0;}

/*底部圆点的左右分页*/
.swiper-pagination{}
.banner_box .swiper-pagination-bullet {transition:all ease-out 0.3s;
    width: 14px;
    height: 14px;
    background: #FFF;
    opacity: .9;
}
.banner_box .swiper-pagination-bullet-active {    width: 30px;border-radius: 15px;background: #06c;}

/*两侧的前后翻页*/
.banner_box .swiper-button-prev,
.banner_box .swiper-button-next{display:none; color:#FFF;}
.banner_box:hover .swiper-button-prev,
.banner_box:hover .swiper-button-next{display: block;}
		
		
@media screen and (max-width:1300px){
	.banner_box .swiper-slide{height:400px;}
}	
@media screen and (max-width:800px){
	.banner_box .swiper-slide {  height:260px;  }
	/* .banner_box .li1 {background-image:url(../images/main/m001.jpg);}
    .banner_box .li2 {background-image:url(../images/main/m002.jpg);} */
}		
/*.banner_box section{position:relative;}
	.banner_box section figure{}	
	.banner_box section .banner-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;}
		.banner_box section .banner-info h2{font-size:62px;color:#fff;font-family:"FuturaMdBtBold";font-style:normal;}
		.banner_box section .banner-info h2 span{color:#FF2500;}
		.banner_box section .banner-info h3{font-size:27px;color:#fff;font-family:"FuturaMdBtBold";font-style:normal;margin-bottom:30px;}
		.banner_box section .banner-info p{display:inline-block;padding:2px;background:linear-gradient(to bottom,#f24903 0%,#0f2b67 100%);border-radius:30px;}
		.banner_box section .banner-info p span{display:block;font-size:20px;color:#012060;text-transform:uppercase;background:#fff;border-radius:30px;line-height:56px;padding:0 35px;cursor:pointer;}*/
		
		
		
		
		
/*---------------------------------// 202000530 之前旧版 -----------------------------------*/		

.area_visual {overflow:hidden; position: relative; width:100%; min-width:1200px; max-width:1920px;  height:620px; background: url(../images/main/loading.gif) center center no-repeat #F6F6F6; }
.area_visual:after,
.ul_visual:after
{ content:"";display: block;clear:both;}
.area_visual .ul_visual li {display:none; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:0; padding-top:620px; background-repeat:no-repeat; background-position:center center;background-size:cover;}
.area_visual .ul_visual li.li1 {display:block;}
.area_visual .ul_visual li.li1 {background-image:url(../images/main/b001.jpg);}
.area_visual .ul_visual li.li2 {background-image:url(../images/main/b002.jpg);}

.area_visual .ul_visual li.li3 {background-image:url(../images/main/b003.jpg);}
.area_visual .ul_visual li.li4 {background-image:url(../images/main/b004.jpg);}
.area_visual .ul_visual li.li5 {background-image:url(../images/main/b005.jpg);}
.area_visual .ul_visual li p {display:none; position:absolute; left:50%; opacity:0; color:#FFF;}
/*.area_visual .ul_visual li .txt_1 {font: normal 16px/24px  "微软雅黑",Arial, "宋体"; color:#FFFFFF; }

.area_visual .ul_visual li .txt_1 .span_block {font-family:'PFSquareSansProMedium';}
.area_visual .ul_visual li .txt_2 {font-size:20px; line-height:32px;}*/

.area_visual .ul_visual li.li1 .txt_1 {margin-top:35px; margin-left:-600px;    }
.area_visual .ul_visual li.li2 .txt_1 {margin-top:70px; margin-left:-320px; }
.area_visual .ul_visual li.li3 .txt_1 {margin-top:95px; margin-left:-310px;  }

.area_visual .ul_visual li.li1 .txt_2 {top:41%; margin-left:9px; width:350px; height:60px;}
.area_visual .ul_visual li.li1 .  {top:50%; margin-left:-281px; width:430px; height:290px; background:url(../images/main/visual_11.png) no-repeat;}



.area_visual .ul_visual li.li2 .txt_2 {top:40%; margin-left:-420px; width:470px; height:65px; font-size:18px; line-height:28px;color:#FFF;}
/*.area_visual .ul_visual li.li2 .txt_1 {top:17.5%; margin-left:-420px; width:420px; height:90px; font-size:54px;color:#FFF;font-family:'微软雅黑';}
.area_visual .ul_visual li.li2 .txt_2 {top:42.5%; margin-left:-420px; width:435px; height:65px;color:#FFF;font-family:'微软雅黑';}*/
.area_visual .ul_visual li.li2 .img_1 {top:10%; margin-left:120px; width:430px; height:290px; background:url(../images/main/visual_22.png) no-repeat;}
/* 2014-05-31 추가 */

.area_visual .ul_visual li.li3 .txt_1 span { padding-top:0px;}
.area_visual .ul_visual li.li3 .txt_2 {top:33%; margin-left:90px; width:335px; height:65px; font-size:18px; line-height:28px;}
.area_visual .ul_visual li.li3 .img_1 {top:30%; margin-left:120px; width:430px; height:290px; background:url(../images/main/visual_33.png) no-repeat;}



.area_visual .ul_visual li.li3 .img_2 {top:-5%; margin-left:-221px; width:175px; height:236px; background:url(../images/main/img_visual_3_2.png) no-repeat;}

.area_visual .ul_visual li.li4 .txt_1 {top:13.5%; margin-left:-420px; width:467px; height:103px; font-size:54px; color:#FFF;}
.area_visual .ul_visual li.li4 .txt_2 {top:40%; margin-left:-420px; width:470px; height:65px; font-size:18px; line-height:28px;color:#FFF;}
.area_visual .ul_visual li.li4 .img_5 {top:0%; margin-left:-209px; width:170px; height:100%; background:url(../images/main/img_visual_4_1.png) no-repeat;}
.area_visual .ul_visual li.li4 .img_6 {top:49.5%; margin-left:-446px; width:0; height:47px; background:url(../images/main/img_visual_4_2.png) no-repeat;}
/* 2014-05-31 추가 */

.area_visual .ul_visual li.li5 .txt_1 {top:2.5%; margin-left:-67px; width:560px; height:55px; text-align:center; font-size:50px;}
.area_visual .ul_visual li.li5 .txt_2 {top:17.5%; margin-left:-77px; width:580px; height:30px; font-size:18px; text-align:center;}
.area_visual .ul_visual li.li5 .img_4 {top:55.55%; margin-left:45px; width:139px; height:107px; background:url(../images/main/img_visual_5_1.png) no-repeat; opacity:1;}
.area_visual .ul_visual li.li5 .img_3 {top:57.25%; margin-left:49px; width:0; max-width:108px; height:65px; background-color:#abdb12;}

.area_visual .ul_arrow a { display:none; position: relative; width:100%; top:50%;  margin-top:-33px;  font-size:0;}
.area_visual:hover .ul_arrow a { display: block; }
.area_visual:hover .ul_arrow .li_prev a {position:absolute; left:2%; top:; width:27px; height:54px; background: url(../images/main/prev.png) left center no-repeat; }
.area_visual:hover .ul_arrow .li_next a {position:absolute; right:2%; top:; width:27px; height:54px; background: url(../images/main/next.png) right center no-repeat; } 


.area_visual .gupiao{position:absolute; bottom:13px;  left:5%;}


.area_visual .ul_play{position:absolute;z-index: 90; bottom:15px;  left:50%;}
.area_visual .ul_play li {float:left; }
.area_visual .ul_play li a {display:none; width:16px;height:17px;  background: url(../images/main/play.png) left top no-repeat ##CCC; font-size:0;}
.area_visual .ul_play li.on a {display:block;}
.area_visual .ul_play li.li_start a {background: url(../images/main/play.png) left top no-repeat;}
.area_visual .ul_play li.li_stop a {background: url(../images/main/pash.png) left top no-repeat;}

.area_visual .ul_pos {position:absolute;z-index: 90; bottom:17px; left:50%;}
.ul_pos li { float:left;  }
.ul_pos li a,
.ul_pos li span {display:block; float:left; width:14px; height:14px; border-radius:100%; margin:0 3px; background:#FFF;  text-indent:-9999px;}
.ul_pos li.on a,
.ul_pos li.on span { background:#0B6ECA; }

.area_visual .Header-usps {position:absolute;z-index: 90; bottom:0; left:30px; right:30px;    background: #f7f9fc;}
.Header-usps li { float: left;
    width: 19%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 33px 24px;
    border-right: 1px solid #ddd;

    position: relative;
    font-size: 1rem;
    font-weight: 700;
    z-index: 1;
    text-align: center; 
	
	}
	.Header-usps li h2{
		font-size:18px;padding-top: 15px;
	}
	.Header-usps li:first-child{
	    background-image: -webkit-linear-gradient(90deg, #ff9b21 0%, #ffaa00 60%, #ffc44d 100%);
		width:24%;

	
	}
	.Header-usps li:first-child h3{
			font-size:24px;
		font-weight:bold;
		    line-height: 99px;
		    font-family: Microsoft YaHei;
			color:#fff !important;
	}
	.Header-usps li i {
    color:#FDBF57;
    font-size: 60px;
    display: block;
    text-align: center;
	}
.line-area {
    border-top: 1px solid #ffffff;
    top: 83px;
    right: 76px;
    position: absolute;
    width: 10%;
}
 .arrow-area {
     border-top: 4px solid transparent;
    border-left: 4px solid #ffffff;
    border-bottom: 4px solid transparent;
    float: right;
    height: 0px;
    width: 0;
   bottom: 77px;
    right: 72px;
    position: absolute;
}
/*.Header-usps li:before {
    content: "\f046";font-family:"FontAwesome";
    margin-right: 3px;
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 2px;
    left: 0;
}*/

.Homebannertext{position:absolute;left:0px;top:0px; right:0; bottom:0; overflow:hidden;/* background:rgba(0,0,0,0.35);*/}
.Homebannertext:after{ content:"";display: block;clear:both;}
/*.Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
*/
/*.Homebannertext dl.bannerone{ width:100%;padding-top: 250px; }*/
.Homebannertext dl.bannerone{position:absolute; max-width:650px; left:50%;top:45%;transform: translate(0,-50%);text-align:left;z-index:9999;}
.Homebannertext dl.bannerone dt{
    font-weight: 500;
    font-size: 2.6em;
    line-height:1.3;
    color: #a30404;
    padding-bottom: 20px;
    width: 100%;
	background-color: ;
transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
/*.Homebannertext dl.bannerone dt h1{ 
    font-size: 2em;
	font-weight: 600;
	padding-bottom:15px;
}*/
.Homebannertext dl.bannerone dd{
    font-size: 1.8em;
    line-height: 1.8;
    color: #444;
    padding: 0;
    width: 100%;
	background-color: ;
transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
/*
.Homebannertext dl.bannerone dd a { position: relative; overflow:hidden; display:block; margin-top:12px;
    border:rgba(12, 76, 163, 0.8) 1px solid; box-sizing: border-box; transition: all .36s ease;
	 width: 150px; text-align:center; line-height:36px;border-radius:18px;  font-size:0.7em; color: rgba(12, 76, 163, 0.8);
    
}	

.Homebannertext dl.bannerone dd a:hover {color:rgba(255, 255, 255, 0.8); }
.Homebannertext dl.bannerone dd a:before {content: ""; z-index:-1;position:absolute; left:0; top:0; width:0; height:100%; background:rgba(12, 76, 163, 0.8); transition: all .36s ease;}
.Homebannertext dl.bannerone dd a:hover:before {width:100%; }  


*/

	
	
.Homebannertext dl.bannertwo{position:absolute;width:1180px;left:50%;top:0px;color:#fff;margin-left:-590px;z-index:9999;}
.Homebannertext dl.bannertwo dt{padding-top:110px;position:relative;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannertwo dt h3{font-size:50px;line-height:60px;font-weight:700;position:relative;}
.Homebannertext dl.bannertwo dt p{font-size:20px;position:relative;padding-top:20px;}
.Homebannertext dl.bannerthree{position:absolute;width:1220px;left:50%;margin-left:-610px;top:0px;}
.Homebannertext dl.bannerthree dt{float:left;position:relative;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree img{display:block;position:relative;width:auto;height:auto;left:0px;margin:0px;top:0px;}
.Homebannertext dl.bannerthree dd{width:500px;float:left;color:#fff;padding-top:170px;position:relative;padding-left:25px;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree dd h3{font-size:55px;font-weight:700;line-height:70px;}
.Homebannertext dl.bannerthree dd p{font-size:20px;line-height:30px;}

.bannereffect{opacity:0;filter:alpha(opacity=0);}
.bannertime{transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;}
.bannertime1{transition:all .8s ease-in-out .2s;-moz-transition:all .8s ease-in-out .2s;-ms-transition:all .8s ease-in-out .2s;-o-transition:all .8s ease-in-out .2s;-webkit-transition:all .8s ease-in-out .2s;}
.bannertime2{transition:all 1s ease-in-out .2s;-moz-transition:all 1s ease-in-out .2s;-ms-transition:all 1s ease-in-out .2s;-o-transition:all 1s ease-in-out 2s;-webkit-transition:all 1s ease-in-out .2s;}

/*.Homebanner li.cur .Homebannertext img.bigimg{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
*/
.area_visual .ul_visual li.cur .bannereffect{opacity:1;filter:alpha(opacity=100);}
.area_visual .ul_visual li.cur dl.bannerone dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}

.area_visual .ul_visual li.cur dl.bannerone dd{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}

.area_visual .ul_visual li.cur,.area_visual .ul_visualtext dl.bannertwo dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.area_visual .ul_visual li.cur,.area_visual .ul_visualtext dl.bannerthree dt{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.area_visual .ul_visual li.cur,.area_visual .ul_visualtext dl.bannerthree dd{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}


.area_visual .ul_visual li.cur1 .bannertime{transition:all .4s linear .2s;-moz-transition:all .4s linear .2s;-ms-transition:all .4s linear .2s;-o-transition:all .4s linear .2s;-webkit-transition:all .4s linear .2s;}
.area_visual .ul_visual li.cur1 .bannertime1{transition:all .4s linear .1s;-moz-transition:all .4s linear .1s;-ms-transition:all .4s linear .1s;-o-transition:all .4s linear .1s;-webkit-transition:all .4s linear .1s;}
.area_visual .ul_visual li.cur1 .bannertime2{transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;-webkit-transition:all .4s linear;}
.area_visual .ul_visual li.cur1,.area_visual .ul_visualtext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.area_visual .ul_visual li.cur1,.area_visual .ul_visualtext dl.bannerone dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.area_visual .ul_visual li.cur1,.area_visual .ul_visualtext dl.bannerone dd{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.area_visual .ul_visual li.cur1,.area_visual .ul_visualtext dl.bannertwo dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.area_visual .ul_visual li.cur1,.area_visual .ul_visualtext dl.bannerthree dt{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.area_visual .ul_visual li.cur1,.area_visual .ul_visualtext dl.bannerthree dd{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.area_visual .ul_visual li.cur1 .bannereffect{opacity:0;filter:alpha(opacity=0);}
@media screen and (max-width:1300px){
	.area_visual {min-width:100%}
	.area_visual {  height:400px;  }
	.area_visual .ul_visual li {padding-top:400px;  background-position:center center;}
	

}	
@media screen and (max-width:800px){
	/* 首页 */
	.area_visual {  height:260px;  }
	.area_visual .ul_visual li {padding-top:260px;  background-position:center center;}
	.area_visual .ul_visual li.li1 {background-image:url(../images/main/m001.jpg);}
    .area_visual .ul_visual li.li2 {background-image:url(../images/main/m002.jpg);}

	.area_visual:hover .ul_arrow a,	.area_visual:hover .ul_arrow .li_prev a,.area_visual:hover .ul_arrow .li_next a {display:none;}
	
	.area_visual .Header-usps { display:none;}
.area_visual .ul_play{ bottom:10px;  }
.area_visual .ul_pos { bottom:12px;}





}





@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}



@-webkit-keyframes fadeInRight{
  0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
  100%{opacity:1;transform:none}
}
@keyframes fadeInRight{
  0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}